<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>订单取消</title>
    <include file="Template/head"/>
<body>
<div class="actNav">
    <div>订单取消</div>
    <a href="javascript:history.go(-1);" class="back"></a>
    <a href="{:U('Index/index')}" class="home"></a>
</div>
<div class="wapper">
    <form method="post" action="">
        <input type='hidden' id='orderCancel' value="{:U('Ticket/orderCancel')}">
        <input type='hidden' id='ticketId' value='{$ticketInfo.id}'>
        <input type='hidden' id='keyid' value='{$ticketInfo.id|setEncrypt}'>

        <div class="module orderList">
            <ul class="list">
                <li>
                    <h3 class="h3t">{$ticketInfo.scenic_name}</h3>
                    <dl class="item clearfix">
                        <dt>
                            <img src="{$ticketInfo.cover_pic|getPicPath}">
                        </dt>
                        <dd>
                            <p class="price">
                                出游日期： <em>{$ticketInfo.trip_date|substr=0,10}</em>
                            </p>

                            <p class="price">
                                购买数量： <em>{$ticketInfo.client_total} 张</em>
                            </p>

                            <p class="price">
                                订单金额： <em><dfn>&yen;{$ticketInfo.price_total|getYuan}</dfn></em>
                            </p>

                            <p class="price">
                                应付金额： <em><dfn>&yen;{$ticketInfo.price_total|getYuan}</dfn></em>
                            </p>

                            <div class="text-center showButton" style="margin-top:10px;"><span
                                    class="text-large text-danger">您确认要取消该订单吗</span> &nbsp;&nbsp;
                                <input type="button" value="确定"
                                       class="btn btn-danger btn-sm  proofAgain doSubmitOrderCancel">
                            </div>

                            <div class="showCircle" style="display:none">
                                <div style="float:right">
                                    <svg viewBox="0 0 120 120" version="1.1" xmlns="http://www.w3.org/2000/svg"
                                         xmlns:xlink="http://www.w3.org/1999/xlink">
                                        <g id="circle" class="g-circles g-circles--v1">
                                            <circle id="12"
                                                    transform="translate(35, 16.698730) rotate(-30) translate(-35, -16.698730) "
                                                    cx="35" cy="16.6987298" r="10"></circle>
                                            <circle id="11"
                                                    transform="translate(16.698730, 35) rotate(-60) translate(-16.698730, -35) "
                                                    cx="16.6987298" cy="35" r="10"></circle>
                                            <circle id="10"
                                                    transform="translate(10, 60) rotate(-90) translate(-10, -60) "
                                                    cx="10" cy="60" r="10"></circle>
                                            <circle id="9"
                                                    transform="translate(16.698730, 85) rotate(-120) translate(-16.698730, -85) "
                                                    cx="16.6987298" cy="85" r="10"></circle>
                                            <circle id="8"
                                                    transform="translate(35, 103.301270) rotate(-150) translate(-35, -103.301270) "
                                                    cx="35" cy="103.30127" r="10"></circle>
                                            <circle id="7" cx="60" cy="110" r="10"></circle>
                                            <circle id="6"
                                                    transform="translate(85, 103.301270) rotate(-30) translate(-85, -103.301270) "
                                                    cx="85" cy="103.30127" r="10"></circle>
                                            <circle id="5"
                                                    transform="translate(103.301270, 85) rotate(-60) translate(-103.301270, -85) "
                                                    cx="103.30127" cy="85" r="10"></circle>
                                            <circle id="4"
                                                    transform="translate(110, 60) rotate(-90) translate(-110, -60) "
                                                    cx="110" cy="60" r="10"></circle>
                                            <circle id="3"
                                                    transform="translate(103.301270, 35) rotate(-120) translate(-103.301270, -35) "
                                                    cx="103.30127" cy="35" r="10"></circle>
                                            <circle id="2"
                                                    transform="translate(85, 16.698730) rotate(-150) translate(-85, -16.698730) "
                                                    cx="85" cy="16.6987298" r="10"></circle>
                                            <circle id="1" cx="60" cy="10" r="10"></circle>
                                        </g>
                                        <use xlink:href="#circle" class="use"/>
                                    </svg>
                                </div>
                                <span class="circle-size">支付中,请勿关闭</span>
                            </div>

                            <div class='text-right showJumpButton' style='display: none'>
                                <a href="{:U('Ticket/myScenicTicket')}">
                                    <input type='button' class='btn btn-info' value="我的门票"/>
                                </a>
                            </div>

                        </dd>
                    </dl>
                </li>
            </ul>
        </div>
    </form>
    <div class="modal fade popWin bs-example-modal-sm" id="myModalmob" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title text-center" id="myModalLabel">温馨提示</h4>
                </div>
                <div class="modal-body text-center">
                    <p class="tipsBox"><i class="suc">亲，您最多可以添加6位乘机人</i></p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-warning doSubmitWarning" data-dismiss="modal"
                            aria-label="Close">确认
                    </button>
                    <button type="button" class="btn btn-default doCloseWarning" data-dismiss="modal"
                            aria-label="Close">取消
                    </button>
                </div>
            </div>
        </div>
    </div>
    <footer class="footer">
        <include file="Template/foot"/>
    </footer>
</div>

<script src="__PUBLIC__/js/ticket.js?v=5"></script>
</body>

</html>
